<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>后台管理</title>



<link href="static/css/bass.css" rel="stylesheet" type="text/css">
<script src="static/js/jquery.js" type="text/javascript"></script>


</head>

<body>
<pre>
<a href="?#" class="btn btn-large">返回</a>    </div>

<input type="text" name="title"  class="input-mini" value="input-mini" /><br/>
<input type="text" name="title"  class="input-small-z" value="input-small-z" /><br/>
<input type="text" name="title"  class="input-small" value="input-small" /><br/>

<input type="text" name="title"  class="input-medium" value="input-medium" /><br/>

<input type="text" name="title"  class="input-large" value="input-large" /><br/>
<input type="text" name="title"  class="input-xlarge" value="input-xlarge" /><br/>
<input type="text" name="title"  class="input-xxlarge" value="input-xxlarge" /><br/>




</pre>




<div class="pageHeader">
	<h3><i class="fa fa-table"></i> 文章管理</h3>
    <div class="fr">
    	<a href="?#" class="btn">返回</a>    </div>
</div>

<div class="pageAction">
	<div class="fl">
    	<a href="#" class="btn"><i class="fa fa-plus"></i> 添加</a>
        <a href="javascript:location.reload();" class="btn"><i class="fa fa-refresh"></i> 刷新</a> 
    </div>
    <div class="fl">
    	<a href="#" class="btn"><i class="fa fa-plus"></i> 添加</a>
        <a href="javascript:location.reload();" class="btn"><i class="fa fa-refresh"></i> 刷新</a> 
    </div>
  <div class="fr">
    
<form action="" method="">
    栏目分类：
	<select name="tid">
    	<option value="xxx" selected >xxx</option>
    </select>
    <input type="submit" value="提交" class="btn"/>
</form>
    
        
    </div>
</div>

<div class="mainList">
	<table class="list_table_A"  border="1" cellspacing="0" cellpadding="0">
  <tr>
    <th align="left" width="50">aid</th>
    <th align="left">图片</th>
    <th align="left">标题</th>
    <th align="left">分类</th>
    <th align="left">类型</th>
    <th align="left">发布时间</th>
    <th align="left">浏览量</th>
    
    <th align="left">显示|隐藏</th>
    <th align="left">排序</th>
    <th align="left" width="150">操作</th>
  </tr>
  <tr>
    <td>123456</td>
    <td><a href="#" target="_blank"><img src="#" style="max-width:100px; max-height:100px;"></a></td>
    <td><a href="?dopost=upt&aid=xxx">标题</a></td>
    <td>分类名称[7]</td>
    <td>普通文章 <a href="#" target="_blank" title="url">跳转链接</a></td>
    <td>2016-12-12 12:12:12</td>
    <td>505</td>
    
    <td>显示|隐藏</td>
    <td>999</td>
    <td>
    	<a href="#" class="btn" title="预览"><i class="fa fa-search"></i></a>
        <a href="#" class="btn" title="修改"><i class="fa fa-edit"></i></a>
        <a href="#" class="btn" title="删除"><i class="fa fa-remove"></i></a>    </td>
  </tr>

</table>

</div>
<div class="pages">
	此处显示分页代码
</div>

---------------------------------------<hr/>
<div class="pageHeader">
	<h3><i class="fa fa-table"></i> 积分商品</h3>
    <div class="fr">
    	<a href="#" class="btn">返回</a>
    </div>
</div>





<div class="fromBody">
	<table width="100%" class="tableAAA">
    	<tr>
            <th width="110" align="right" valign="top">类型：</th>
            <td>
            	<input type="radio" name="type" value="" id="type1" checked />
            	<label for="type1">普通文章</label> 
                
                <input type="radio" name="type" value="" id="type2" />
                <label for="type2"> 跳转地址 </label>
                
                <input type="text" name="jumpurl" value="" />(说明文字)
            </td>
        </tr>
        <tr>
            <th align="right" valign="top">分类：</th>
            <td>
				<select name="tid">
                	<option value="1" selected>默认：选项1</option>
                    <option value="2">选项2</option>
                </select> 
            </td>
        </tr>
        
  		<tr>
            <th align="right" valign="top">标题：</th>
            <td><input type="text" name="title" value="" class="input-large" />
            
            <input type="text" name="title" value="" class="input-large" /><br/>
            
             </td>
        </tr>
        <tr>
            <th align="right" valign="top">标题2：</th>
            <td><input type="text" name="title2" value="" /> </td>
        </tr>
        <tr>
            <th align="right" valign="top">标题3：</th>
            <td><input type="text" name="title3" value="" /> </td>
        </tr>
        
        <tr>
            <th align="right" valign="top">属性：</th>
            <td>
            	<input type="checkbox" name="display" value="1" id="display" checked />
            	<label for="display"> 显示 </label> &nbsp;&nbsp;&nbsp;&nbsp;
                排序：<input type="text" name="sortid" value="50"  size="5" /> &nbsp;&nbsp;&nbsp;&nbsp;
                浏览量：<input type="text" name="sortid" value="50"  size="5" /> &nbsp;&nbsp;&nbsp;&nbsp;
            </td>
        </tr>
        <tr>
            <th align="right" valign="top">时间插件 (日期)：</th>
            <td><input type="text" name="" value="" id='' WdatePicker="date" />


            </td>
        </tr>
        <tr>
            <th align="right" valign="top">时间插件 (日期时间)：</th>
            <td><input type="text" name="" value="" id='' WdatePicker="datetime"/>
            </td>
        </tr>
        <tr>
            <th align="right" valign="top">时间插件 (时间)：</th>
            <td><input type="text" name=""  class="input-medium" value="" WdatePicker="time"/>
            </td>
        </tr>
        <tr>
            <th align="right" valign="top">作者：</th>
            <td><input type="text" name="writer" value="" /> </td>
        </tr>
        <tr>
            <th align="right" valign="top">来源：</th>
            <td><input type="text" name="source" value="" /> </td>
        </tr>
        <tr>
            <th align="right" valign="top">上传图片：</th>
            <td>
        <div kindeditor="uploadpic" >
        	<img src="#" KEimg style="max-width:100px; max-height:100px; " >
            <input type="hidden" name="litpic" value="#" KEipt  />
            <input type="button" value="图片上传" KEbtn >
        </div>
            </td>
        </tr>
        <tr>
        	<th align="right" valign="top">富文本编辑器：</th>
        	<td><textarea name="content"  style="width:95%;height:100px;">KindEditor</textarea></td>
        </tr>
        <tr>
        	<th align="right" valign="top">富文本编辑器：</th>
        	<td><textarea name="content"  style="width:95%;height:100px;">KindEditor</textarea></td>
        </tr>
        <tr>
        	<th align="right" valign="top">富文本编辑器：</th>
        	<td><textarea name="content" kindeditor style="width:95%;height:400px;">KindEditor</textarea></td>
        </tr>

        
		<tr>
            <th align="right" valign="top"></th>
      		<td>
            	<input type="hidden" name="" value=""/>
            	<input type="submit" value="提交" class="btn"/>
                
                <a href="?#" class="btn btn-large">btn btn-large</a> 
                <a href="?#" class="btn btn-small">btn btn-small</a> 
                <a href="?#" class="btn btn-mini">btn btn-mini</a> 
                
                <a href="?#" class="btn btn-primary">btn btn-primary</a> 
                <a href="?#" class="btn btn-warning">btn btn-warning</a> 
                <a href="?#" class="btn btn-danger">btn btn-danger</a> 
                <a href="?#" class="btn btn-success">btn btn-success</a> 
                <a href="?#" class="btn btn-info">btn btn-info</a> 
                <a href="?#" class="btn btn-inverse">btn btn-inverse</a> 
                
                btn-mini
                
                
                
            </td>
       </tr>
       
    </table>
   	<div style="height:50px;"></div>
</div>


---------------------------------------<hr/>
<pre>
封装插件
日期：<input type="text" name="title"  class="input-medium" value="" WdatePicker="date"/>
日期时间：<input type="text" name="title"  class="input-medium" value="" WdatePicker="datetime"/>
时间：<input type="text" name="title"  class="input-medium" value="" WdatePicker="time"/>

富文本编辑器：
<textarea name="body1" kindeditor style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>

图片上传(单)
<div kindeditor="uploadpic" >
        	<img src="" KEimg style="max-width:100px; max-height:100px;" >
            <input type="text" name="pic" value="123" KEipt/>
            <button type="button" KEbtn >上传图片</button>
</div>
图片上传 （多）
DOM:
        <div kindeditor="uploadpicmulti" >
            <input type="button" value="上传图集" KEbtn >
            <div KEbox="name"></div>
        </div>
上传文件
        <div kindeditor="uploadfile" >
            <input type="button" value="上传文件" KEbtn >
            <input type="text" name="fileurl" value="123" KEipt/>
            <!--<input type="text" name="filename" value="123" KEfilename/>-->
        </div>


        
拾色器

        <div kindeditor="colorpicker" >
        	<span KEbg  KEbtn style="display:inline-block; vertical-align: middle; width:20px; height:20px; border:2px solid #000;">&nbsp;</span>
            <input type="text" name="color" value="" KEipt/>
            <input type="button" value="选择颜色" KEbtn >
        </div>
        
        
        

<!-- 插件 -->
<script src="static/lib/My97DatePicker/WdatePicker.js"></script>

<script src="static/lib/validate/jquery.validate.js"></script>
<script src="static/lib/validate/additional-methods.js"></script>

<link href="static/lib/jbox/Metro/jbox.css" rel="stylesheet"/>
<script src="static/lib/jbox/jquery.jBox.js"></script>

<link rel="stylesheet" href="static/kindeditor/themes/default/default.css" />
<script charset="utf-8" src="static/kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="static/kindeditor/kindeditor-lrxin.js"></script>

<script src="static/js/lrxin-form.js"></script>


</pre>




<div style=" height:500px;"></div>

</body>
</html>
